<template>
 <page title="运营报表">
   <el-tabs v-model="activeName" @tab-click="handleClick">
     <el-tab-pane label="月报表" name="first" lazy>
       <month-report></month-report>
     </el-tab-pane>
     <el-tab-pane label="年报表" name="second" lazy>
       <year-report></year-report>
     </el-tab-pane>
   </el-tabs>
 </page>
</template>

<script>
import Page from "@/components/Page";
import MonthReport from "@/components/MonthReport";
import YearReport from "@/components/YearReport";
export default {
  name: "OperationReport",
  components: {YearReport, MonthReport, Page},
  data(){
    return{
      activeName:'first',
    }
  },
  methods:{
    handleClick(tab, event){
      console.log(tab, event);
    }
  }
}
</script>

<style scoped>

</style>